@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  body {
    @apply bg-gray-100 font-light text-gray-900 h-screen;
  }
}

@layer components {
  #__nuxt {
    @apply h-full;
  }

  .table {
    @apply w-full;
  }

  .table > thead > tr {
    @apply border-b bg-gray-100;
  }
  .table > thead > tr > th {
    @apply text-start font-light p-2 text-nowrap;
  }

  .table > tbody > tr {
    @apply border-b even:bg-gray-100;
  }
  .table > tbody > tr > td {
    @apply text-start font-light p-2 text-nowrap;
  }

  .required label > :first-child:has(+ div > input[required]) {
    @apply before:text-red-600 before:content-['*'] before:mr-1;
  }
}
